<ul class="breadcrumb">
	<li><a href="{$BASE_PATH}intelihelp/relatorio">Relatórios</a></li>
	<li class='active'>Tarefa X Período</li>
</ul>
<div class='boxFiltro'>
	<h6>Filtrar pesquisa</h6>
	<form method='POST' action='{$BASE_PATH}' class='validate'>
		<div class='sideBySide'>
			{$form->getElement('application')->render()}
			{$form->getElement('controller')->render()}
			{$form->getElement('method')->render()}
			<div class="control-group">
				{$form->getElement('filter[dtinicial]')->getLabel()->render()}
				<div class="controls">
					{$form->getElement('filter[dtinicial]')->render()}
				</div>
			</div>
			<div class="control-group">
				{$form->getElement('filter[dtfinal]')->getLabel()->render()}
				<div class="controls">
					{$form->getElement('filter[dtfinal]')->render()}
				</div>
			</div>
		</div>
		<div class="boxActions">
			{$form->getElement('pesquisar')->render()}
		</div>
	</form>
</div>

<table class="highchart tableList" data-graph-container-before="1" data-graph-type='line'>
	<thead>
		<tr>
			<th>Período</th>
			<th>Cadastro</th>
			<th>Finalização</th>
		</tr>
	</thead>
	<tbody>
		{foreach from=$lista key=k item=i}
		<tr>
			<td>{$k}</td>
			<td>{$i.cadastro}</td>
			<td>{$i.finalizacao}</td>
		</tr>
		{/foreach}
	</tbody>
</table>
<script type="text/javascript">
	$(document).ready(function(){
		$('table.highchart').highchartTable();
	});
</script>